﻿<%@ Page Title="" Language="C#" MasterPageFile="~/DefaultPage.Master" AutoEventWireup="true"
    CodeBehind="Gallery.aspx.cs" Inherits="Aij1.Gallery" %>
<%@ Register src="UserControls/CtrlComment.ascx" tagname="CtrlComment" tagprefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <title>
        <%=A.Title%>
        -
        <%=CompanyName %>相册</title>
    <meta content="zh-CN" http-equiv="Content-Language" />
    <meta content="" ie="EmulateIE7" http-equiv="X-UA-Compatible" />
    <meta name="author" content="<%=A.Author %>" />
    <meta name="Copyright" content="<%=CompanyName %>版权所有" />
    <link rel="stylesheet" type="text/css" href="PicShow_files/style.css" />
    <link rel="stylesheet" type="text/css" href="PicShow_files/common_nav_v1.0.3.css"
        media="screen" />
    <link rel="stylesheet" type="text/css" href="PicShow_files/nph_gallery_2.15.css" />
    <script language="javascript" type="text/javascript" src="PicShow_files/ntes_jslib_1.x.js"></script>
    <style type="text/css">
        BODY { background: #CCC; }
        .nav-sec-center { border-left: #2f2f2f 1px solid; padding-bottom: 0px; margin: 0px auto; padding-left: 9px; width: 942px; padding-right: 9px; background: #FFF 0px 0px; border-right: #2f2f2f 1px solid; padding-top: 0px; }
        .wyxwtbch { border-bottom: #ccc 1px solid; text-align: left; border-left: #ccc 1px solid; background-color: #fff; margin: 10px 0px; border-top: #ccc 1px solid; border-right: #ccc 1px solid; }
        .subject_home { padding-left: 20px; padding-top: 3px; }
        .subject_top { padding-bottom: 2px; padding-left: 20px; margin-right: 10px; padding-top: 3px; }
        .nph_rela { position: relative; margin: auto; width: 960px; height: 0px; }
        #nhp_poparea { position: absolute; line-height: 18px; width: 150px; bottom: 0px; display: none; background: #FFF; height: 18px; color: #fff; overflow: hidden; right: 0px; padding-top: 2px; _bottom: -1px; }
        #nhp_poparea .nhp_pclose { width: 15px; float: right; height: 15px; margin-right: 2px; }
        #nhp_poparea SPAN { padding-left: 12px; display: block; }
        .nph_chn { padding-bottom: 4px; padding-left: 0px; padding-right: 0px; padding-top: 4px; }
        .nph_crumb { line-height: 26px; }
        .nph_photo_view .nph_layout_bg { }
        .nas-itm { background: url(PicShow_files/icn-share.png) no-repeat 9999px 9999px; text-decoration: none; margin: 0px 1px 0px 6px; width: 16px; float: left; height: 16px; overflow: hidden; cursor: pointer; }
        .nas-itm0 { background-position: 0px -173px; }
        .nas-itm1 { background-position: 0px -56px; }
        .nas-itm2 { background-position: 0px -85px; }
        .nas-itm3 { background-position: 0px -227px; }
        .nas-itm4 { background-position: 0px -143px; }
        .nas-itm5 { background-position: 0px -201px; }
        .nas-itm6 { background-position: 0px -249px; }
        .nas-itm7 { background-position: 0px -283px; }
        .nas-itm8 { background-position: 0px -313px; }
        .nas-itm9 { background-position: 0px -343px; }
        #n_main { padding-top: 20px; padding-right: 10px; padding-left: 10px; background: url("../images/n_bg.jpg") no-repeat; }
    </style>
</asp:Content>
<asp:Content ID="CT2" ContentPlaceHolderID="cphbase" runat="server">
    <div class="nph_area">
        <img id="photoPrevLoading" src="PicShow_files/bg06.png" width="0" height="0">
        <div id="gallery" class="nph_gallery clearfix">
            <div class="nph_bg">
                <div class="nph_cnt clearfix">
                    <div class="nph_set_info">
                        <div id="setInfo">
                            <div class="nph_set_title">
                                <h1>
                                    <%=A.Title %></h1>
                                <span id="photoType" class="nph_set_cur hidden">（<span id="photoIndex" class="nph_c_lh"></span>/<%=A.Photos.Count %>）</span>
                                <span>
                                    <%=A.DisplayTime.ToString("yyyy-MM-dd HH:mm") %></span>
                            </div>
                            <p>
                                <%=CommOp.ToHtmlStr(A.Intro) %></p>
                        </div>
                    </div>
                </div>
                <span class="nph_hr_solid"></span>
                <div id="modePhoto" class="nph_photo">
                    <div class="nph_photo_view">
                        <div id="photoView" class="nph_cnt">
                            <i></i>
                            <img id="photo" src="PicShow_files/bg06.png"></div>
                        <div class="nph_photo_prev">
                            <a hidefocus id="photoPrev" class="nph_btn_pphoto" href="#" target="_self"><span></span>
                            </a>
                        </div>
                        <div class="nph_photo_next">
                            <a hidefocus id="photoNext" class="nph_btn_nphoto" href="#" target="_self"><span></span>
                            </a>
                        </div>
                        <div id="photoLoading" class="nph_photo_loading">
                            加载中...</div>
                    </div>
                    <div class="nph_cnt">
                        <div class="nph_photo_ctrl">
                            <ul>
                                <li><span id="shareBtn_163weibo" class="nas-itm nas-itm0" title="分享到网易微博">&nbsp;</span><span
                                    id="shareBtn_sina" class="nas-itm nas-itm6" title="分享到新浪微博">&nbsp;</span><span id="shareBtn_qq"
                                        class="nas-itm nas-itm9" title="分享到腾讯微博">&nbsp;</span><span id="shareBtn_douban"
                                            class="nas-itm nas-itm4" title="分享到豆瓣">&nbsp;</span><span id="shareBtn_renren" class="nas-itm nas-itm1"
                                                title="分享到人人网">&nbsp;</span><span id="shareBtn_kaixin" class="nas-itm nas-itm2" title="分享到开心网">&nbsp;</span>&nbsp;|
                                </li>
                                <li><a id="viewOrig" class="nph_icon_orig" href="#">查看原图</a>|</li>
                                <li><a href="#q=1" class="nph_icon_stream" id="viewStream">全部图片</a></li>
                            </ul>
                        </div>
                        <div id="photoDesc" class="nph_photo_desc">
                        </div>
                        <div style="text-align:right">
                            <%=QBind.GetKeywordsLink(A) %></div>
                    </div>
                    <span class="nph_hr_solid_half1"></span><span class="nph_hr_solid_half2"></span>
                    <div class="nph_cnt">
                        <div style="float: left; margin-top: 6px; margin-right: 50px; text-align: center;
                            width: 101px; overflow: hidden; height: 120px;">
                            <%=PrevLink %></div>
                        <div class="nph_set_thumb">
                            <div id="scrl" class="nph_photo_thumb">
                                <div class="clearfix">
                                    <div class="nph_scrl">
                                        <div class="nph_scrl_thumb">
                                            <div class="nph_scrl_main">
                                                <ul id="thumb" class="nph_list_thumb clearfix">
                                                </ul>
                                            </div>
                                            <div class="nph_scrl_bar clearfix">
                                                <span class="nph_scrl_lt"></span><span class="nph_scrl_rt"></span>
                                                <div class="nph_scrl_bd">
                                                    <div class="nph_scrl_ct">
                                                        <a hidefocus id="bar" class="nph_btn_scrl" href="Gallery.aspx"><b class="nph_btn_lt">
                                                        </b><b class="nph_btn_rt"></b><span class="nph_btn_bd"><span><b class="nph_btn_ct"></b>
                                                        </span></span></a>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <span class="nph_scrl_prev"><a hidefocus id="scrlPrev" class="nph_btn_pscrl" href="#">
                                    </a></span><span class="nph_scrl_next"><a hidefocus id="scrlNext" class="nph_btn_nscrl"
                                        href="#"></a></span>
                                </div>
                            </div>
                        </div>
                        <div style="float: right; margin-top: 6px; text-align: center; width: 101px; overflow: hidden;
                            height: 120px;">
                            <%=NextLink %></div>
                    </div>
                </div>
                <textarea id="photoList" class="hidden">
<%=ImgListStr() %>
</textarea>
                <div id="galleryTpl" class="hidden">
                    <div title="stream">
                        <!--
<ul class="nph_list_stream clearfix">
<#
for(var i = 0, len = stream.length; i < len; i++){
#>
<li>
<div><a href="#p=<#=stream[i].id#>"><i></i><img src="<#=stream[i].timg#>" /></a></div>
<h3><a href="#p=<#=stream[i].id#>" title="<#=stream[i].title#>"><#=stream[i].title.slice(0,26)#></a></h3>
</li>
<#
}
#>
</ul>
<div class="nph_pages clearfix">
<#
if(page <= 1){
#>
<span class="nph_pages_turn">上一页</span>
<#
} else {
#>
<a href="#q=<#=page-1#>" class="nph_pages_turn">上一页</a>
<#
}
var before = true, behind = true;
for(var i = 1, len = total; i <= len; i++){
if((page <= 5 && i <= 7) || (page > 5 && page <= len - 5 && i > page - 3 && i < page + 3) || (page > len - 5 && i > len - 7) || i == 1 || i == len){
if(page == i){
#>
<span class="nph_pages_active"><#=i#></span>
<#
} else {
#>
<a href="#q=<#=i#>"><#=i#></a>
<#
}
} else {
if(before && i < page){
#>
……
<#
before = false;
}
if(behind && i > page){
#>
……
<#
behind = false;
}
}
}
if(page >= total){
#>
<span class="nph_pages_turn">下一页</span>
<#
} else {
#>
<a href="#q=<#=page+1#>" class="nph_pages_turn">下一页</a>
<#
}
#>
</div>
-->
                    </div>
                    <div title="search">
                        <!--
<ul class="nph_list_stream clearfix">
<#
for(var i = 0, len = stream.length; i < len; i++){
#>
<li>
<div><a href="<#=stream[i].pageurl#>"><i></i><img src="<#=stream[i].imgsrc#>" /></a></div>
<h3><a href="<#=stream[i].pageurl#>" title="<#=stream[i].title#>"><#=stream[i].title.slice(0, 13)#></a></h3>
<p><#=stream[i].ptime#></p>
</li>
<#
}
#>
</ul>
<div class="nph_pages clearfix">
<#
if(page <= 1){
#>
<span class="nph_pages_turn">上一页</span>
<#
} else {
#>
<a href="#s=<#=q#>&q=<#=page-1#>" class="nph_pages_turn">上一页</a>
<#
}
var before = true, behind = true;
for(var i = 1, len = total; i <= len; i++){
if((page <= 5 && i <= 7) || (page > 5 && page <= len - 5 && i > page - 3 && i < page + 3) || (page > len - 5 && i > len - 7) || i == 1 || i == len){
if(page == i){
#>
<span class="nph_pages_active"><#=i#></span>
<#
} else {
#>
<a href="#s=<#=q#>&q=<#=i#>"><#=i#></a>
<#
}
} else {
if(before && i < page){
#>
……
<#
before = false;
}
if(behind && i > page){
#>
……
<#
behind = false;
}
}
}
if(page >= total){
#>
<span class="nph_pages_turn">下一页</span>
<#
} else {
#>
<a href="#s=<#=q#>&q=<#=page+1#>" class="nph_pages_turn">下一页</a>
<#
}
#>
</div>
-->
                    </div>
                </div>
            </div>
        </div>
        <script language="javascript" type="text/javascript" src="PicShow_files/ntes_jslib_ui_0.x.js"></script>
        <script language="javascript" type="text/javascript" src="PicShow_files/ntes_ui_scroll.js"></script>
        <script language="javascript" type="text/javascript" src="PicShow_files/nph_gallery_2.13.js"></script>
        <script type="text/javascript">
            NTES.ready(function ($) {
                var nphLayoutGG = $('#nphLayoutGG');

                if (nphLayoutGG) {
                    nphLayoutGG.addCss({ display: 'block', position: 'absolute', left: 0, top: '10px', width: '280px', height: '210px' });
                    $('#photomiddle').addCss({ display: 'block', width: '564px', marginLeft: '-282px' });
                    $('#photomiddle').appendChild(nphLayoutGG);

                    new nph.Gallery({ photoViewMode: 2 });
                } else {
                    new nph.Gallery({ photoViewMode: 0 });
                }
                var tieCountNode = NTES.one('#tieArea span.tieTotalCount') || NTES.one('#tieArea span.tieCount');

                if (tieCountNode) {
                    $('#tieCount').innerHTML = String.format('(%1)', tieCountNode.innerHTML);
                }
                /*按键提示层*/
                nph.popinit = function () {
                    var nhp_poparea = $('#nhp_poparea');
                    var getcookie = NTES.cookie.get("nphStorage");
                    if (getcookie == 'tips') {
                        $("#nhp_poparea").addCss({ display: 'none' });
                    } else {
                        if (nhp_poparea) {
                            $("#nhp_poparea").addCss({ display: 'block' });
                            setTimeout(function () { $("#nhp_poparea").addCss({ display: 'none' }); }, 10000);
                            nhp_poparea.$(".nhp_pclose").addEvent('click', function (ev) {
                                ev.preventDefault();
                                nph.hide(nhp_poparea);
                                NTES.cookie.set("nphStorage", "tips", "1M");
                            });
                        }
                    }
                }
                nph.popinit();
                var title = document.title, url = window.location.href;
                $('#shareBtn_renren').addEvent('click', function () {
                    var shareUrl = 'http://share.xiaonei.com/share/buttonshare.do?';
                    shareUrl += 'link=' + url;
                    shareUrl += '&title=' + encodeURIComponent(title);
                    window.open(shareUrl);
                });
                $('#shareBtn_163weibo').addEvent('click', function () {
                    window.open('http://t.163.com/article/user/checkLogin.do?source=' + encodeURIComponent('网易图片库') + '&info=' + encodeURIComponent(title) + ' ' + encodeURIComponent(url) + '&images=' + $('#thumb > li.nph_list_active img').attr('src') + ',' + $('#photo').attr('src') + '&' + new Date().getTime(), '_blank', 'width=510,height=300');
                });
                $('#shareBtn_kaixin').addEvent('click', function () {
                    var shareUrl = 'http://www.kaixin001.com/~repaste/repaste.php?';
                    shareUrl += 'rurl=' + escape(url);
                    shareUrl += '&rtitle=' + escape(title);
                    window.open(shareUrl);
                });
                $('#shareBtn_douban').addEvent('click', function () {
                    var shareUrl = 'http://www.douban.com/recommend/?';
                    shareUrl += 'url=' + encodeURIComponent(url);
                    shareUrl += '&title=' + encodeURIComponent(title);
                    window.open(shareUrl);
                });
                $('#shareBtn_qq').addEvent('click', function () {
                    var shareUrl = 'http://share.v.t.qq.com/index.php?c=share&a=index&';
                    var bRY = 'fc06c72646946af85d8971fd3a007596';
                    shareUrl += 'url=' + encodeURIComponent(url);
                    shareUrl += '&appkey=' + bRY;
                    shareUrl += '&title=' + encodeURIComponent(title);
                    window.open(shareUrl, '_blank', 'width=700,height=680,top=0,left=0,toolbar=no,menubar=no,scrollbars=no,location=yes,resizable=no,status=no');
                });
                $('#shareBtn_sina').addEvent('click', function () {
                    var shareUrl = 'http://v.t.sina.com.cn/share/share.php?';
                    shareUrl += 'url=' + encodeURIComponent(url);
                    shareUrl += '&title=' + encodeURIComponent(title);
                    shareUrl += '&pic=' + $('#photo').attr('src') + '&searchPic=false';
                    window.open(shareUrl, '_blank', 'width=450,height=400');
                });
            });
        </script>
    </div>
    <div id="modeStream" class="nph_stream hidden">
        <div class="nph_cnt">
            <div id="stream" class="nph_stream_view">
            </div>
        </div>
    </div>        
        <uc1:CtrlComment ID="CtrlComment1" runat="server" />
</asp:Content>
